<template>
  <div class="home">
    <Header head-title="预约电话咨询" go-back="true"></Header>
    <section class="group Select HosAll">
        <div class="Doctor">
            <img src="../../../assets/img/Touxiang.png" alt="">
        </div>
        <div class="fonsMiddle fontC6 JKcon">
            <section class="Select">
                <h3 class="fonts">刘艳晓
                    <span class="fonsMiddle">
                        主治医师 - 妇产科
                    </span>
                </h3>
                <p class="activecolor">￥99.00/15分钟</p>
            </section>
            <p class="swiperDate">平顶山市第一人民医院</p>
            <p class="swiperDate">擅长：糖尿病，甲状腺，肾上腺，脑垂体等疾病的真实，脑垂体等疾病的针织...</p>
            <section class="Select swiperDate">
                <p>咨询：<span class="activecolor">123人</span></p>
                <p>好评：<span class="activecolor">100%</span></p>
            </section>
        </div>
    </section>

    <section class="group">
        <div class="Select JKall">
            <div class="JKcon">
                <h3 class="fonts">选择健康卡</h3>
                <p class="fonsMiddle fontC6">由于医生工作特殊性，实际通话时间以医生发起时间为准</p>
            </div>
            <div class="arrow Select">
                <img src="../../../assets/img/arrow.png" alt="">
            </div>
        </div>
        <div class="Select JKall">
            <h3 class="fonts PhoneH3">接听手机号 18201302890</h3>
            <div class="arrow Select">
                <img src="../../../assets/img/arrow.png" alt="">
            </div>
        </div>
        <div class="Select JKall">
            <div class="JKcon">
                <h3 class="fonts">患者信息</h3>
                <p class="fonsMiddle fontC6">选择并添加您要咨询的信息，便于医生快速精准的回复</p>
            </div>
            <div class="arrow Select">
                <img src="../../../assets/img/arrow.png" alt="">
            </div>
        </div>
    </section>

    <section class="group fonts RecoDetail">
        <h3 class="fonts HomeH">患者信息</h3>
        <p>1、单次咨询服务提供24小时内6回合咨询服务</p>
    </section>

    <section class="gotoPay Select fonts">
        <p> 合计： <span class="activecolor">￥99。00</span> </p>
        <el-button type="primary">立即预约</el-button>
    </section>
  </div>
</template>

<script>
import Header from '../../../components/Header'

export default {
  name: 'Home',
  data () {
    return {
      activeName: 'first',
      tabPosition: 'bottom'
    }
  },
  components: {
    Header
  },
  methods: {
    handleClick (tab, event) {
      // console.log(tab, event)
    },
    // 活动规则
    rule () {
      this.$router.push({
        path: '/rule'
      })
    }
  }
}
</script>

<style scoped>
.home {
    background: none;
}
.HosAll {
    padding: 0.2rem;
}
.HosAll .Doctor {
    margin-right: 0.2rem;
}
.HosAll .JKcon {
    flex: 3;
}
.PhoneH3 {
    padding-left: 0.25rem;
}
</style>
